<!DOCTYPE html>
<html lang="en">

<head>
    <!-- #include file="com/link.asp" -->
</head>

<body class="backCol">
    <div class="swiper-container banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./images/img.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./images/img.png" alt="">
            </div>
            <div class="swiper-slide">
                <img src="./images/img.png" alt="">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <div class="prodText">
        <p class="money">￥58</p>
        <p class="tit">水果饮料</p>
        <span>饮料是供人或者牲畜饮用的液体...</span>
    </div>

    <div class="prodDl">
        <dl class="flexs">
            <dt>数量</dt>
            <dd class="flexs">
                <div class="calculation flexs">
                    <div onclick="numFn(-1)" class="btns">
                        <img src="./images/icon12.png" alt="">
                    </div>
                    <span id="number" class="inp">1</span>
                    <div onclick="numFn(1)" class="btns">
                        <img src="./images/icon11.png" alt="">
                    </div>
                </div>
            </dd>
        </dl>
        <dl class="flexs">
            <dt>收货信息</dt>
            <dd onclick="srcFn()" class="flexs">
                <div class="flexs adsInfo">
                    <img src="./images/icon3.png" alt="">
                    <span>上海市XX区XX路XX号</span>
                </div>
            </dd>
        </dl>
    </div>

    <button class="btn fiexdBtn">立即购买</button>

</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
        },
    });
    function srcFn(){
        location.href='./address.asp'
    }

    function numFn(num){
        let number = Number($('#number').text())
        if(num >= 1){
            number +=1 
        }else if(num < 1 && number > 1){
            number -= 1
        }
        $('#number').text(number)
    }
</script>

</html>